<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>14_排他思想-点击任意一个li标签，然后将所有的li标签的内容修改为哈哈</title>
    </head>
    <body>
        <ul>
            <li id="l1">金</li>
            <li>木</li>
            <li>水</li>
            <li>火</li>
            <li>土</li>
            <li>天</li>
        </ul>

        <script>
            // 点击任意一个li  然后让他有反应
            var li_list = document.querySelectorAll('li');

            for(var i = 0; i < li_list.length; i++){
                li_list[i].onclick = function(){
                    // 反应的内容是将所有的li修改为哈哈
                    for(var j = 0; j < li_list.length;j++){
                        li_list[j].innerHTML = '哈哈';
                    }
                    
                }
            }





            

        </script>
    </body>
</html>